<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Index</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./images/zh_CN.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="home">

        <div class="header animated fadeInUp">
            <a href="./index.html" class="logo">
                <img src="./images/logo.svg" alt="">
                <img src="./images/logo2.svg" alt="">
            </a>
            <div class="links">
                <div class="item">
                    <a href="./products.html">
                        <p>products</p>
                    </a>
                </div>
                <div class="item">
                    <a href="./application.html">
                        <p>Applications</p>
                    </a>
                </div>
                <div class="item">
                    <a href="./about.html">
                        <p>About us</p>
                    </a>
                </div>
                <div class="item">
                    <a href="./news.html">
                        <p>Blog</p>
                    </a>
                </div>
                <div class="item">
                    <a href="./faqs.html">
                        <p>FAQS</p>
                    </a>
                </div>
            </div>
            <div class="btns">
                <a href="./contact.html">contact us</a>
            </div>
        </div>


        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo2.svg" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="index.html">Index</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">
                        products
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./application.html">
                        Applications
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">
                        About us
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">
                        Blog
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./faqs.html">
                        FAQS
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="cursor">
            <div class="scale">
                <img src="./images/next.svg" alt="">
            </div>
        </div>

        <div class="fixed_side">
            <div class="item">
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
                        <path d="M35.0197 30.5268V22.1058C35.0197 14.3184 28.285 8.46788 20.0113 8.46788C11.7376 8.46788 5.00286 14.3205 5.00286 22.1058V30.5268H2.11865V22.1058C2.11865 12.7795 10.1018 5.26367 20.0134 5.26367C29.9208 5.26367 37.9081 12.7795 37.9081 22.1058V30.5268H35.0197Z" fill="#191919"/>
                        <path d="M7.59994 36.8416C6.87921 36.8416 6.16555 36.6995 5.49976 36.4235C4.83397 36.1475 4.22912 35.743 3.71978 35.2331C3.21044 34.7231 2.80661 34.1178 2.53137 33.4517C2.25614 32.7856 2.1149 32.0718 2.11573 31.3511V27.5953C2.1149 26.8745 2.25614 26.1607 2.53137 25.4946C2.80661 24.8285 3.21044 24.2232 3.71978 23.7133C4.22912 23.2033 4.83397 22.7988 5.49976 22.5228C6.16555 22.2468 6.87921 22.1047 7.59994 22.1047H8.56204C9.28277 22.1047 9.99643 22.2468 10.6622 22.5228C11.328 22.7988 11.9329 23.2033 12.4422 23.7133C12.9515 24.2232 13.3554 24.8285 13.6306 25.4946C13.9058 26.1607 14.0471 26.8745 14.0463 27.5953V31.3511C14.0471 32.0718 13.9058 32.7856 13.6306 33.4517C13.3554 34.1178 12.9515 34.7231 12.4422 35.2331C11.9329 35.743 11.328 36.1475 10.6622 36.4235C9.99643 36.6995 9.28277 36.8416 8.56204 36.8416H7.59994ZM7.64625 24.8984C7.3046 24.8973 6.96611 24.9638 6.65028 25.0941C6.33445 25.2244 6.04752 25.4159 5.80603 25.6576C5.56455 25.8993 5.37328 26.1864 5.24324 26.5023C5.1132 26.8182 5.04697 27.1568 5.04836 27.4984V31.2542C5.04669 31.596 5.11271 31.9348 5.24263 32.251C5.37254 32.5672 5.56377 32.8545 5.80528 33.0964C6.0468 33.3383 6.33382 33.53 6.64979 33.6604C6.96576 33.7909 7.30442 33.8574 7.64625 33.8563H8.60836C8.95019 33.8574 9.28885 33.7909 9.60482 33.6604C9.92079 33.53 10.2078 33.3383 10.4493 33.0964C10.6908 32.8545 10.8821 32.5672 11.012 32.251C11.1419 31.9348 11.2079 31.596 11.2063 31.2542V27.5953C11.2063 26.1511 10.0526 24.8984 8.60836 24.8984H7.64625ZM31.5578 36.8416C30.8371 36.8416 30.1234 36.6995 29.4577 36.4235C28.7919 36.1475 28.187 35.743 27.6777 35.2331C27.1683 34.7231 26.7645 34.1178 26.4893 33.4517C26.214 32.7856 26.0728 32.0718 26.0736 31.3511V27.5953C26.0728 26.8745 26.214 26.1607 26.4893 25.4946C26.7645 24.8285 27.1683 24.2232 27.6777 23.7133C28.187 23.2033 28.7919 22.7988 29.4577 22.5228C30.1234 22.2468 30.8371 22.1047 31.5578 22.1047H32.4231C33.1438 22.1047 33.8575 22.2468 34.5233 22.5228C35.1891 22.7988 35.7939 23.2033 36.3033 23.7133C36.8126 24.2232 37.2164 24.8285 37.4917 25.4946C37.7669 26.1607 37.9081 26.8745 37.9073 27.5953V31.3511C37.9081 32.072 37.7668 32.786 37.4915 33.4522C37.2161 34.1184 36.8121 34.7239 36.3025 35.2338C35.7929 35.7438 35.1878 36.1482 34.5218 36.4241C33.8558 36.7 33.1419 36.8419 32.421 36.8416H31.5557H31.5578ZM31.5452 24.8984C31.2035 24.8973 30.8651 24.9638 30.5492 25.0941C30.2334 25.2244 29.9465 25.4159 29.705 25.6576C29.4635 25.8993 29.2722 26.1864 29.1422 26.5023C29.0121 26.8182 28.9459 27.1568 28.9473 27.4984V31.2542C28.9456 31.596 29.0117 31.9348 29.1416 32.251C29.2715 32.5672 29.4627 32.8545 29.7042 33.0964C29.9457 33.3383 30.2328 33.53 30.5487 33.6604C30.8647 33.7909 31.2034 33.8574 31.5452 33.8563H32.4105C32.7523 33.8574 33.091 33.7909 33.4069 33.6604C33.7229 33.53 34.0099 33.3383 34.2514 33.0964C34.4929 32.8545 34.6842 32.5672 34.8141 32.251C34.944 31.9348 35.01 31.596 35.0084 31.2542V27.5953C35.0084 26.1511 33.8547 24.8984 32.4105 24.8984H31.5452Z" fill="#191919"/>
                        <path d="M29.0751 19.2084C28.2077 16.9137 25.953 15.8821 25.953 15.8821C25.3446 15.5663 25.0856 14.8547 25.4309 14.301C25.6123 14.0232 25.8891 13.8215 26.2091 13.7338C26.5291 13.6461 26.8701 13.6787 27.1677 13.8252C27.2541 13.9052 30.2919 15.3305 31.5046 18.4968C31.7656 19.1284 31.4204 19.7621 30.7256 20H30.2919C29.7698 20 29.2498 19.6842 29.0751 19.2084Z" fill="#3279FF"/>
                    </svg>
                    <p>Contact us</p>
                </div>
            </div>
            <div class="hide">
                <div>
                    <h1>Contact US</h1>
                    <div class="message">
                        <div class="list">
                            <p>How can we support you?</p>
                        </div>
                        <div class="list">
                            <p>TEL+86-21-64952966-0</p>
                        </div>
                        <div class="list">
                            <p>example@email.com</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                <path d="M5.01784 1.02539L4.01733 2.01597L9.97035 8.00981L3.96729 13.9532L4.95932 14.952L11.9628 8.01798L5.01784 1.02539Z" fill="#272636"/>
                            </svg>
                        </div>
                        <div class="line"></div>
                        <div class="list">
                            <p>Leave us a message.</p>
                        </div>
                    </div>
                    <a href="contact.html" class="more">
                        <p>CONTACT US</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                            <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                        </svg>
                    </a>

                </div>
            </div>
        </div>

        <div class="banner">
            <div class="button">
                <div class="circle">
                    <img src="./images/z.svg" alt="">
                    <img src="./images/z_.svg" alt="">
                </div>
                <div class="circle">
                    <img src="./images/z.svg" alt="">
                    <img src="./images/z_.svg" alt="">
                </div>
            </div>
            <div class="swiper swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/banner.png" class="img" alt="">
                        <div class="text">
                            <p>Based on the</p>
                            <h1>international semiconductor</h1>
                            <p>material market.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section1">
            <img src="./images/i1.png" class="common_bg" alt="">
            <div class="position_text">AstralSemi</div>
            <div class="title wow animated fadeInUp_">
                <div class="p1">Bestseller in all products</div>
                <h1>Main Products</h1>
                <a href="products.html">
                    <p>SEE MORE PRODUCTS</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                    </svg>
                </a>
            </div>
            <div class="content wow animated fadeInUp_">
                <div class="index2Swiper swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="item" data-swiper-parallax-scale="0.6655231560891938">
                                <div class="joke">
                                    <a href="proInfo.html" class="img">
                                        <img src="./images/pro1.png" alt="">
                                    </a>
                                    <h1 data-swiper-parallax-opacity="0">Silicon Wafers</h1>
                                </div>
                                <div class="l"></div>
                                <div class="r"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="item" data-swiper-parallax-scale="0.6655231560891938">
                                <div class="joke">
                                    <a href="proInfo.html" class="img">
                                        <img src="./images/pro2.png" alt="">
                                    </a>
                                    <h1 data-swiper-parallax-opacity="0">Silicon Wafers</h1>
                                </div>
                                <div class="l"></div>
                                <div class="r"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="item" data-swiper-parallax-scale="0.6655231560891938">
                               <div class="joke">
                                   <a href="proInfo.html" class="img">
                                       <img src="./images/pro3.png" alt="">
                                   </a>
                                   <h1 data-swiper-parallax-opacity="0">Silicon Wafers</h1>
                               </div>
                                <div class="l"></div>
                                <div class="r"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="item" data-swiper-parallax-scale="0.6655231560891938">
                               <div class="joke">
                                   <a href="proInfo.html" class="img">
                                       <img src="./images/pro4.png" alt="">
                                   </a>
                                   <h1 data-swiper-parallax-opacity="0">Silicon Wafers</h1>
                               </div>
                                <div class="l"></div>
                                <div class="r"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="item" data-swiper-parallax-scale="0.6655231560891938">
                                <div class="joke">
                                    <a href="proInfo.html" class="img">
                                        <img src="./images/pro5.png" alt="">
                                    </a>
                                    <h1 data-swiper-parallax-opacity="0">Silicon Wafers</h1>
                                </div>
                                <div class="l"></div>
                                <div class="r"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section2">
            <div class="title wow animated fadeInUp_">
                <p>COPERATION CASE</p>
                <h1>Application</h1>
            </div>
            <div class="content">
                <div class="matter wow animated fadeInUp_">
                    <a href="applicationInfo.html" class="l">
                        <img src="./images/i2.png" class="img" alt="">
                        <div class="text">
                            <h1>Optical Glass</h1>
                            <p>Sapphire glass (SAPPHIRE CRYSTAL) generally refers to syntheticsapphire, which is very different from the jewellery that people usuallyunderstand-natural sapphire. lt is generally used for the manufactureof watch mirrors, anti-drop and scratch-resistant mo</p>
                        </div>
                    </a>
                    <a href="applicationInfo.html" class="r">
                        <img src="./images/i3.png" class="img" alt="">
                        <div class="text">
                            <h1>Optical Glass</h1>
                            <p>
                                Sapphire glass (SAPPHIRE CRYSTAL) generally refers to syntheticsapphire, which is very different from the jewellery that people le phonecovers, s increased day by day. It is gradually beingused i
                            </p>
                        </div>
                    </a>
                </div>
                <div class="matter wow animated fadeInUp_">
                    <a href="applicationInfo.html" class="l">
                        <img src="./images/i5.png" class="img" alt="">
                        <div class="text">
                            <h1>Optical Glass</h1>
                            <p>Sapphire glass (SAPPHIRE CRYSTAL) generally refers to syntheticsapphire, which is very different from the jewellery that people usuallyunderstand-natural sapphire. lt is generally used for the manufactureof watch mirrors, anti-drop and scratch-resistant mo</p>
                        </div>
                    </a>
                    <a href="applicationInfo.html" class="r">
                        <img src="./images/i4.png" class="img" alt="">
                        <div class="text">
                            <h1>Optical Glass</h1>
                            <p>
                                Sapphire glass (SAPPHIRE CRYSTAL) generally refers to syntheticsapphire, which is very different from the jewellery that people le phonecovers, s increased day by day. It is gradually beingused i
                            </p>
                        </div>
                    </a>
                </div>
            </div>
            <div class=" wow animated fadeInUp_">
                <a href="application.html" class="more">
                    <p>LEARN MORE</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                    </svg>
                </a>
            </div>
        </div>

        <div class="section3">
            <div class="title wow animated fadeInUp_">
                <p>COPERATION CASE</p>
                <h1>customer Servies</h1>
            </div>
            <div class="content wow animated fadeInUp_">

                <div class="img">
                    <div class="imgSwiper swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./images/i6.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/i6.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./images/i6.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="r_list on">
                        <div class="headline">
                            <h1>Optical Glass</h1>
                            <div class="num">01</div>
                        </div>
                        <div class="text">
                            Sapphire glass (SAPPHIRE CRYSTAL) generally refers to syntheticsapphire, which is very different from the jewellery that people usuallyunderstand-natural sapphire. lt is generally used for the manufactureof watch mirrors, anti-drop and scratch-resistant mobile phonecovers, and high requirements Protective observation windows, inrecent years, the synthesis cost has been reduced, and theapplication market has increased day by day. lt is gradually beingused in photographing, beauty equipment, and instrumentationprotective windows.
                        </div>
                        <a href="" class="more">
                            <p>LEARN MORE</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                            </svg>
                        </a>
                    </div>
                    <div class="r_list">
                        <div class="headline">
                            <h1>Optical Glass</h1>
                            <div class="num">02</div>
                        </div>
                        <div class="text">
                            Sapphire glass (SAPPHIRE CRYSTAL) generally refers to syntheticsapphire, which is very different from the jewellery that people usuallyunderstand-natural sapphire. lt is generally used for the manufactureof watch mirrors, anti-drop and scratch-resistant mobile phonecovers, and high requirements Protective observation windows, inrecent years, the synthesis cost has been reduced, and theapplication market has increased day by day. lt is gradually beingused in photographing, beauty equipment, and instrumentationprotective windows.
                        </div>
                        <a href="" class="more">
                            <p>LEARN MORE</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                            </svg>
                        </a>
                    </div>
                    <div class="r_list">
                        <div class="headline">
                            <h1>Optical Glass</h1>
                            <div class="num">03</div>
                        </div>
                        <div class="text">
                            Sapphire glass (SAPPHIRE CRYSTAL) generally refers to syntheticsapphire, which is very different from the jewellery that people usuallyunderstand-natural sapphire. lt is generally used for the manufactureof watch mirrors, anti-drop and scratch-resistant mobile phonecovers, and high requirements Protective observation windows, inrecent years, the synthesis cost has been reduced, and theapplication market has increased day by day. lt is gradually beingused in photographing, beauty equipment, and instrumentationprotective windows.
                        </div>
                        <a href="" class="more">
                            <p>LEARN MORE</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                            </svg>
                        </a>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>

                <div class="button">
                    <img src="./images/jt.svg" alt="">
                    <img src="./images/jt.svg" alt="">
                </div>
            </div>
        </div>

        <div class="section4">
            <img src="./images/about/a5.png" class="common_bg" alt="">
            <div class="title">
                <h1 class=" wow animated fadeInUp_">The World's Most Famous Universities & Companies Trust Us</h1>
                <div class="dis wow animated fadeInUp_">
                    <span></span>
                    <img src="./images/tu.png" alt="">
                    <span></span>
                </div>
            </div>
            <div class="content wow animated fadeInUp_">
                <div class="matter">
                    <div class="flex">
                        <div class="item">
                            <img src="./images/go1.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go2.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go3.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go4.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go5.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go6.png" alt="">
                        </div>
                    </div>
                    <div class="flex">
                        <div class="item">
                            <img src="./images/go1.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go2.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go3.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go4.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go5.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go6.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="matter">
                    <div class="flex">
                        <div class="item">
                            <img src="./images/go7.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go8.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go9.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go10.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go11.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go9.png" alt="">
                        </div>
                    </div>
                    <div class="flex">
                        <div class="item">
                            <img src="./images/go7.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go8.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go9.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go10.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go11.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go9.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section5">
            <img src="./images/last.png" class="common_bg" alt="">
            <div class="item">
                <div class="y">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
                            <g clip-path="url(#clip0_1_2337)">
                                <path d="M6.896 55.0227V76.5497C6.896 78.4588 5.35635 79.9992 3.448 79.9992C1.53965 79.9992 0 78.4588 0 76.5497V55.0227C0 53.1143 1.53965 51.5731 3.448 51.5731C5.35635 51.5739 6.896 53.1143 6.896 55.0227ZM28.8042 38.9013C26.8966 38.9013 25.3569 40.4417 25.3569 42.3517V76.5497C25.3569 78.4588 26.8966 79.9992 28.8042 79.9992C30.7117 79.9992 32.2522 78.4588 32.2522 76.5497V42.3517C32.2522 40.4417 30.7125 38.9013 28.8042 38.9013ZM51.7387 51.5739C49.8312 51.5739 48.2915 53.1151 48.2915 55.0235V76.5504C48.2915 78.4596 49.8312 80 51.7387 80C53.6471 80 55.1867 78.4596 55.1867 76.5504V55.0227C55.1867 53.1143 53.6471 51.5739 51.7387 51.5739ZM76.4708 38.9013C74.5632 38.9013 73.0235 40.4417 73.0235 42.3517V76.5497C73.0235 78.4588 74.5632 79.9992 76.4708 79.9992C78.3557 79.9992 79.918 78.4588 79.918 76.5497V42.3517C79.918 40.4417 78.3783 38.9013 76.4708 38.9013ZM77.0371 0H60.8087C59.1534 0 57.82 1.33421 57.82 2.99025C57.82 4.6455 59.1534 5.97971 60.8087 5.97971H69.2646L51.5685 25.0218L31.364 6.60072C30.0243 5.36729 27.9543 5.39697 26.6513 6.66947L1.0694 31.4843C-0.294494 32.8115 -0.32574 34.994 0.999873 36.3602C1.68963 37.0734 2.58561 37.4179 3.48237 37.4179C4.3557 37.4179 5.20637 37.0961 5.89613 36.4524L29.1346 13.8912L49.4539 32.4279C50.856 33.6926 53.0167 33.6012 54.304 32.2209L74.0484 10.9674V20.5607C74.0484 22.2167 75.3818 23.5509 77.0371 23.5509C78.6916 23.5509 80.025 22.2167 80.025 20.5607V2.98946C80.025 1.33421 78.6916 0 77.0371 0Z" fill="#3279FF"/>
                            </g>
                            <defs>
                                <clipPath id="clip0_1_2337">
                                    <rect width="80" height="80" fill="white"/>
                                </clipPath>
                            </defs>
                        </svg>
                    </div>
                    <p>STEADY DEVELOPMENT</p>
                </div>
            </div>
            <div class="item">
                <div class="y">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="95" height="95" viewBox="0 0 95 95" fill="none">
                            <g clip-path="url(#clip0_1_2330)">
                                <path d="M52.1705 49.5221C51.1726 49.1565 50.1196 48.9639 49.0569 48.9525C48.1172 48.9525 47.073 49.1804 46.0763 49.5221C45.6689 48.6668 45.0867 47.9064 44.3673 47.29C43.6479 46.6736 42.8073 46.2149 41.8996 45.9434C40.9075 45.5571 39.8508 45.3638 38.7861 45.3739C37.7212 45.3602 36.6637 45.5537 35.6726 45.9434C35.183 46.0574 34.715 46.2498 34.2867 46.513C33.5075 45.8451 32.622 45.3125 31.6668 44.9372C30.628 44.647 29.5558 44.4939 28.4773 44.4816C27.6673 44.4622 26.8587 44.558 26.0757 44.7664V35.3404C26.0757 31.999 24.0064 29.8917 21.358 28.9804C20.3417 28.617 19.2664 28.4464 18.1875 28.4773C17.1184 28.4533 16.0537 28.6238 15.0455 28.9804C12.3876 29.8917 10.3088 31.9895 10.3088 35.3404V56.7363C9.53388 56.4851 8.72143 56.3695 7.90721 56.3946C6.90101 56.3946 5.80938 56.5655 4.76521 56.9072C2.10732 57.8185 0 59.9733 0 63.2671V75.2941C0 81.597 0.265788 81.8723 4.1482 86.3053L4.92658 87.1596L10.9543 93.9657C11.8276 95.0384 13.5742 95.1997 14.7702 94.4118C15.0447 94.243 15.2785 94.0157 15.4552 93.7463C15.6318 93.4768 15.7469 93.1717 15.7922 92.8526C15.8375 92.5336 15.8119 92.2085 15.7173 91.9005C15.6227 91.5925 15.4614 91.3091 15.2449 91.0705L9.26463 84.2644L8.47675 83.3532C5.69547 80.2112 5.50562 80.0023 5.50562 75.2941V63.2576C5.50562 62.242 6.04669 61.6249 6.83456 61.3876C7.11933 61.2168 7.54649 61.2168 7.89771 61.2168C8.32487 61.2168 8.67609 61.2168 8.96087 61.3876C9.73925 61.6249 10.2234 62.242 10.2898 63.2102V73.6993C10.2898 75.0662 11.5523 76.0914 13.0426 76.0914C14.5424 76.0914 15.767 75.0662 15.767 73.6993V35.3499C15.767 34.3152 16.3175 33.6982 17.0959 33.4134C17.8062 33.1879 18.5689 33.1879 19.2792 33.4134C20.048 33.6982 20.6271 34.3247 20.6271 35.3404V58.5019C20.6271 59.8593 21.8326 60.9415 23.3229 60.9415C24.8417 60.9415 26.0757 59.8593 26.0757 58.5019V51.2402C26.1422 50.272 26.7022 49.655 27.4047 49.4177C28.115 49.1921 28.8777 49.1921 29.5879 49.4177C30.3284 49.655 30.8789 50.3384 30.8789 51.3446V58.5019C30.8789 59.8593 32.1129 60.9415 33.6317 60.9415C35.122 60.9415 36.3845 59.8593 36.3845 58.5019V52.142C36.4131 51.7493 36.5497 51.3721 36.7792 51.0521C37.0087 50.7322 37.3222 50.4819 37.685 50.3289C38.0483 50.2607 38.4166 50.2226 38.7861 50.215C39.1468 50.215 39.5645 50.272 39.8588 50.3289C40.6372 50.6137 41.1877 51.2402 41.1877 52.2464V58.4924C41.1877 59.8499 42.4217 60.932 43.969 60.932C45.4688 60.932 46.6649 59.8499 46.6649 58.4924V55.7681C46.6777 55.3739 46.8124 54.9934 47.0504 54.679C47.2884 54.3645 47.618 54.1315 47.9938 54.012C48.3343 53.8815 48.6929 53.8046 49.0569 53.7842C49.4746 53.7842 49.8353 53.8886 50.196 54.012C50.908 54.2398 51.487 54.8663 51.487 55.8251V80.2776L48.1457 91.9153C47.7945 93.2253 48.6962 94.5258 50.1866 94.858C51.6199 95.1523 53.1007 94.3549 53.4899 93.1114L56.8597 81.1414C56.9221 80.9384 56.9541 80.7273 56.9547 80.5149V55.8156C56.9642 52.5881 54.9233 50.4808 52.1705 49.5126V49.5221Z" fill="white"/>
                                <path d="M59.3275 69.3898L60.1059 69.0765V8.32487L44.3484 11.3909V39.1468C43.7081 38.7746 43.0344 38.4632 42.336 38.2166C40.9664 37.6676 39.502 37.3934 38.0265 37.4097C37.5993 37.4097 37.1722 37.4287 36.745 37.4762V12.6439H36.6026L15.7192 8.08756V20.7885C15.1041 20.9143 14.5007 21.0921 13.9157 21.32C12.2225 21.91 10.7025 22.9114 9.49219 24.2342V0L37.2671 6.05618L64.33 0.806858L65.7254 0.863812L94.9242 9.43549V81.4072L65.1179 74.117L59.3275 75.6358V69.3898ZM67.6999 67.9754L88.6971 73.1108V14.4475L67.6999 8.2964V67.9659V67.9754Z" fill="white"/>
                            </g>
                            <defs>
                                <clipPath id="clip0_1_2330">
                                    <rect width="95" height="95" fill="white"/>
                                </clipPath>
                            </defs>
                        </svg>
                    </div>
                    <p>TEAMWORK</p>
                </div>
            </div>
            <div class="item">
                <div class="y">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none">
                            <path d="M30.8405 19.156C29.5365 19.156 28.4525 18.504 28.0205 17.42L22.1725 5.71997C21.3045 4.20397 21.9525 2.25597 23.6885 1.38797C25.2045 0.519973 27.1525 1.17197 28.0205 2.90797L33.8725 14.6C34.7365 16.12 34.0885 18.068 32.3525 18.936C31.9205 19.152 31.4885 19.152 30.8365 19.152L30.8405 19.156ZM68.7525 18.288C68.3205 18.288 67.6725 18.072 67.2365 17.856C65.7205 16.988 65.0725 15.04 65.7205 13.52L71.5725 1.81997C72.4365 0.303972 74.3885 -0.344028 75.9045 0.303972C77.4245 1.17197 78.0725 3.11997 77.4245 4.63997L71.5725 16.556C71.1365 17.636 69.8365 18.288 68.7525 18.288Z" fill="white"/>
                            <path d="M93.8875 19.1562H5.27153C4.41544 19.1359 3.60003 18.7868 2.99451 18.1813C2.38899 17.5757 2.03985 16.7603 2.01953 15.9043C2.01953 14.1723 3.53953 12.6562 5.27153 12.6562H93.8875C95.6195 12.6562 97.1355 14.1723 97.1355 15.9043C97.1437 16.3332 97.0652 16.7594 96.9049 17.1574C96.7446 17.5553 96.5058 17.9169 96.2026 18.2204C95.8994 18.524 95.5381 18.7633 95.1404 18.9241C94.7426 19.0849 94.3165 19.1639 93.8875 19.1562Z" fill="white"/>
                            <path d="M74.3879 72.8882H26.0679C23.0297 72.8673 20.1219 71.6511 17.9735 69.5027C15.8251 67.3543 14.6088 64.4465 14.5879 61.4083V17.4163C14.5879 15.6843 16.1039 14.1682 17.8359 14.1682C19.5719 14.1682 21.0879 15.6843 21.0879 17.4163V61.4003C21.0879 64.2163 23.2519 66.3842 26.0719 66.3842H74.5999C77.4159 66.3842 79.5839 64.2163 79.5839 61.4003V15.9043C79.5839 14.1723 81.0999 12.6562 82.8319 12.6562C84.5679 12.6562 86.0839 14.1723 86.0839 15.9043V61.4043C86.0839 67.6883 80.8839 72.8882 74.3839 72.8882H74.3879Z" fill="white"/>
                            <path d="M81.7515 32.3719H19.3515C18.4961 32.3506 17.6817 32.001 17.0771 31.3956C16.4724 30.7902 16.1238 29.9754 16.1035 29.1199C16.1035 27.3879 17.6235 25.8719 19.3515 25.8719H81.7515C83.4875 25.8719 85.0035 27.3879 85.0035 29.1199C85.0035 30.8559 83.4835 32.3719 81.7515 32.3719Z" fill="white"/>
                            <path d="M47.303 56.2044C45.571 56.2044 43.623 55.3404 42.535 54.0404L39.071 50.1404C37.987 48.8404 37.987 46.6724 39.287 45.5884C40.587 44.5084 42.751 44.5084 43.835 45.8044L47.303 49.7044L62.903 40.8244C63.2674 40.6035 63.674 40.4614 64.0966 40.4074C64.5193 40.3534 64.9485 40.3886 65.3567 40.5107C65.7649 40.6328 66.143 40.8392 66.4665 41.1164C66.79 41.3937 67.0519 41.7357 67.235 42.1204C67.4565 42.4851 67.5989 42.8923 67.653 43.3155C67.7071 43.7388 67.6717 44.1687 67.5492 44.5774C67.4266 44.9861 67.2196 45.3646 66.9416 45.6883C66.6635 46.0119 66.3206 46.2736 65.935 46.4564L50.335 55.5564C49.255 55.9884 48.171 56.2044 47.303 56.2044Z" fill="white"/>
                            <path d="M28.0204 96.2879C27.5884 96.2879 27.1524 96.2879 26.7204 96.0719C24.9884 95.4199 24.3364 93.4719 24.9884 91.7399L34.0884 68.9879C34.7364 67.2559 36.6884 66.6039 38.4204 67.2559C40.1524 67.9039 40.8044 69.8559 40.1524 71.5879L31.0524 94.3399C30.6204 95.4199 29.3204 96.2879 28.0204 96.2879ZM70.4884 98.0199C69.1884 98.0199 67.8884 97.1559 67.4524 96.0719L58.3524 73.3199C57.7044 71.5879 58.5724 69.8559 60.0884 68.9879C61.8204 68.3399 63.5524 69.2039 64.4204 70.7199L73.5204 93.4719C74.1724 95.2039 73.3044 96.9399 71.7884 97.8039C71.3524 98.0199 70.9204 98.0199 70.4884 98.0199Z" fill="white"/>
                        </svg>
                    </div>
                    <p>INTEGRITY</p>
                </div>
            </div>
            <div class="item">
                <div class="y">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="86" height="86" viewBox="0 0 86 86" fill="none">
                            <g clip-path="url(#clip0_1_2346)">
                                <path d="M23.3987 36.8194C21.2272 35.9367 19.0154 35.1564 16.7708 34.4808C14.6024 33.822 11.2073 33.0068 6.60928 32.0473C6.50046 36.4534 6.52223 39.7396 6.67259 41.8804C7.77659 57.5698 13.2214 67.9509 23.2523 73.277C19.9344 66.0773 18.411 59.2416 18.6662 52.7957L13.2728 46.1658C13.0191 45.8583 12.8286 45.5036 12.7126 45.1222C12.5965 44.7408 12.5571 44.3402 12.5965 43.9435C12.636 43.5468 12.7536 43.1618 12.9426 42.8107C13.1315 42.4597 13.3881 42.1495 13.6975 41.8981C14.0069 41.6466 14.363 41.4589 14.7453 41.3458C15.1276 41.2326 15.5285 41.1962 15.9249 41.2387C16.3213 41.2812 16.7053 41.4017 17.055 41.5933C17.4046 41.785 17.7128 42.0439 17.9619 42.3552L19.9522 44.8026C20.7436 42.0584 21.8931 39.3974 23.3987 36.8214V36.8194ZM28.1412 81.6599C11.4605 76.9827 2.15174 63.715 0.646114 42.3077C0.440351 39.3578 0.452222 34.6965 0.679749 28.2664C0.695409 27.829 0.80589 27.4003 1.00355 27.0099C1.20121 26.6195 1.48133 26.2766 1.82453 26.0051C2.16773 25.7336 2.56581 25.5399 2.99125 25.4374C3.41669 25.3349 3.85931 25.326 4.28851 25.4114C10.8749 26.7232 15.6055 27.8133 18.5257 28.7016C21.5291 29.6118 24.3227 30.6327 26.9066 31.7584C31.7124 25.7952 38.6015 20.3425 47.562 15.4359C53.4144 12.2307 64.0152 7.97697 79.4573 2.61329C79.9054 2.45775 80.3839 2.40994 80.854 2.47372C81.3241 2.53751 81.7726 2.71109 82.1631 2.98043C82.5536 3.24977 82.8752 3.60728 83.1018 4.02402C83.3285 4.44077 83.4538 4.90503 83.4677 5.37921C83.8772 19.658 83.7506 29.7443 83.0779 35.7233C79.0833 71.1719 60.8397 87.0631 29.3599 82.1387C28.9239 82.0714 28.5079 81.9093 28.1412 81.6638V81.6599ZM44.1946 83.5553C44.1268 83.5589 44.0588 83.5602 43.9909 83.5592L44.1946 83.5553ZM35.5447 76.7928C60.1136 78.7317 73.6801 65.1593 77.0732 35.0467C77.643 29.9936 77.7993 21.5197 77.5342 9.68639C64.5038 14.3022 55.4542 18 50.4625 20.7343C25.1576 34.5896 18.6088 51.8658 30.2542 73.8112L57.1241 35.755C57.5893 35.1084 58.291 34.6717 59.0765 34.54C59.862 34.4081 60.6678 34.5919 61.3185 35.0512C61.9693 35.5105 62.4123 36.2082 62.5513 36.9925C62.6902 37.7768 62.5138 38.5842 62.0604 39.2391L35.5447 76.7928Z" fill="white"/>
                            </g>
                            <defs>
                                <clipPath id="clip0_1_2346">
                                    <rect width="85" height="85" fill="white" transform="translate(0.5 0.5)"/>
                                </clipPath>
                            </defs>
                        </svg>
                    </div>
                    <p>LOW-CARBON OPERATION</p>
                </div>
            </div>
            <div class="item">
                <div class="y">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90" fill="none">
                            <path d="M67.5569 32.3152C67.5569 33.0611 67.2606 33.7765 66.7331 34.304C66.2057 34.8314 65.4903 35.1277 64.7444 35.1277C63.9985 35.1277 63.2831 34.8314 62.7556 34.304C62.2282 33.7765 61.9319 33.0611 61.9319 32.3152C61.9319 29.3315 60.7466 26.47 58.6368 24.3603C56.527 22.2505 53.6656 21.0652 50.6819 21.0652C49.936 21.0652 49.2206 20.7689 48.6931 20.2415C48.1657 19.714 47.8694 18.9986 47.8694 18.2527C47.8694 17.5068 48.1657 16.7914 48.6931 16.264C49.2206 15.7365 49.936 15.4402 50.6819 15.4402C55.1574 15.4402 59.4496 17.2181 62.6143 20.3828C65.779 23.5475 67.5569 27.8397 67.5569 32.3152ZM33.8069 82.9402H56.3125C53.7475 86.349 49.6637 88.5652 45.0625 88.5652C42.8791 88.567 40.7253 88.0594 38.7724 87.083C36.8194 86.1065 35.1212 84.688 33.8125 82.9402H33.8069ZM33.8125 74.5027H56.3125C57.0584 74.5027 57.7738 74.799 58.3012 75.3265C58.8287 75.8539 59.125 76.5693 59.125 77.3152C59.125 78.0611 58.8287 78.7765 58.3012 79.3039C57.7738 79.8314 57.0584 80.1277 56.3125 80.1277H33.8125C33.0666 80.1277 32.3512 79.8314 31.8238 79.3039C31.2963 78.7765 31 78.0611 31 77.3152C31 76.5693 31.2963 75.8539 31.8238 75.3265C32.3512 74.799 33.0666 74.5027 33.8125 74.5027ZM29.6106 58.629C30.2314 59.0385 30.7648 59.567 31.1799 60.1839C31.5951 60.8009 31.8838 61.4941 32.0294 62.2233L32.8 66.0596H57.325L58.09 62.2233C58.2356 61.4941 58.5243 60.8009 58.9394 60.1839C59.3546 59.567 59.888 59.0385 60.5088 58.629C65.5652 55.3042 69.4145 50.4372 71.4848 44.7508C73.5551 39.0643 73.7361 32.8618 72.0009 27.0643C70.2656 21.2668 66.7067 16.1836 61.8527 12.5697C56.9987 8.95577 51.1085 7.00386 45.0569 7.00386C39.0053 7.00386 33.1151 8.95577 28.2611 12.5697C23.407 16.1836 19.8481 21.2668 18.1129 27.0643C16.3777 32.8618 16.5586 39.0643 18.629 44.7508C20.6993 50.4372 24.5485 55.3042 29.605 58.629H29.6106ZM26.5169 63.3258C20.4499 59.3356 15.8316 53.495 13.348 46.6714C10.8643 39.8477 10.6477 32.405 12.7303 25.4485C14.8129 18.492 19.0837 12.3927 24.9083 8.05633C30.733 3.72 37.8009 1.37793 45.0625 1.37793C52.3241 1.37793 59.392 3.72 65.2167 8.05633C71.0413 12.3927 75.3121 18.492 77.3947 25.4485C79.4773 32.405 79.2607 39.8477 76.777 46.6714C74.2934 53.495 69.6751 59.3356 63.6081 63.3258L62.8431 67.1677C62.587 68.4423 61.8973 69.5888 60.8913 70.4123C59.8853 71.2358 58.6251 71.6854 57.325 71.6846H32.8C31.5009 71.6841 30.242 71.2339 29.2372 70.4105C28.2323 69.5872 27.5434 68.4414 27.2875 67.1677L26.5169 63.3258Z" fill="white"/>
                        </svg>
                    </div>
                    <p>LEADING INNOVATION</p>
                </div>
            </div>
        </div>

        <div class="section6">
            <div class="top wow animated fadeInUp_">
                <div class="title">
                    <p>NEWS & UPDATES</p>
                    <h1>The latest from AstralSemi</h1>
                </div>
                <a href="news.html" class="more">
                    <p>LEARN MORE</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                    </svg>
                </a>
            </div>
            <div class="content wow animated fadeInUp_">
                <div class="newsSwiper swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="newsInfo.html" class="item">
                                <div class="img">
                                    <img src="./images/n1.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="time">August 13, 2024</div>
                                    <p>
                                        Rotor TechnologiesLaunches World's LargestCivilian Drone, TargetsConstruction and Agriculture
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="newsInfo.html" class="item">
                                <div class="img">
                                    <img src="./images/n2.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="time">August 13, 2024</div>
                                    <p>
                                        Rotor TechnologiesLaunches World's LargestCivilian Drone, TargetsConstruction and Agriculture
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="newsInfo.html" class="item">
                                <div class="img">
                                    <img src="./images/n3.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="time">August 13, 2024</div>
                                    <p>
                                        Rotor TechnologiesLaunches World's LargestCivilian Drone, TargetsConstruction and Agriculture
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <div class="how_content wow animated fadeInUp_">
            <img src="./images/bg.png" class="common_bg" alt="">
            <div class="joke">
                <div class="l">
                   <h1>
                       About<br>
                       AstralSemi
                   </h1>
                </div>
                <div class="r">
                    <div class="text">
                        AstralSemi Technology (SHENZHEN) Co Limited. is one of the largest optical &semiconductor supplier in China, founded in 2002. XKH was developed to provide academic researchers with wafers and other semiconductor related scientific materials and services.
                    </div>
                    <a href="contact.html">
                        <p>CONTACT US</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                            <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                        </svg>
                    </a>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <img src="./images/flogo.svg" alt="">
                </div>
                <div class="r">
                    <div class="links">
                        <div class="item">
                            <a href="">PRODUCTS</a>
                            <a href="">SOLUTIONS</a>
                            <a href="">ABOUT</a>
                        </div>
                        <div class="item">
                            <a href="">BLOG</a>
                            <a href="">FAQS</a>
                            <a href="">CONTACT</a>
                        </div>
                    </div>
                    <div class="info">
                        <div class="dt">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
                                    fill="none">
                                    <path
                                        d="M17.0356 15.7449L16.0398 16.7721C15.2826 17.5526 14.2289 18 13.1483 18C12.6867 18 12.2309 17.9203 11.7951 17.7634C6.4002 15.8188 2.12648 11.3503 0.363124 5.8095C-0.16659 4.1445 0.395267 2.31236 1.76134 1.25164L2.63177 0.575357C3.1152 0.199286 3.69377 0 4.30448 0C5.34334 0 6.28448 0.585643 6.7602 1.52807L8.23234 4.44214C8.37184 4.71921 8.44577 5.02907 8.44577 5.33957C8.44577 5.83329 8.26512 6.30514 7.93727 6.66964L7.63062 7.00907C7.32591 7.34657 7.2597 7.84607 7.46605 8.253C7.96877 9.24557 8.74984 10.0408 9.72505 10.5525C10.1178 10.7595 10.6231 10.6894 10.9471 10.3854L11.2814 10.0742C11.8619 9.52971 12.7677 9.40436 13.4691 9.77207L16.3311 11.2699C17.2574 11.7553 17.8334 12.7131 17.8334 13.7713C17.8334 14.5138 17.5506 15.2151 17.0356 15.7449ZM16.5477 13.5006C16.5477 12.5756 12.6906 10.9292 12.6906 10.9292C12.1493 10.7312 11.4048 11.5721 11.4048 11.5721C10.0638 12.5653 9.11948 11.8119 8.83341 11.5721C7.99641 10.872 6.85855 9.35871 6.26198 8.35779C5.81584 7.60757 6.00677 6.7185 6.26198 6.42921C6.26198 6.42921 7.12598 5.6835 6.90484 5.1435C6.23048 3.47014 5.17812 0.991929 4.33341 1.28636C3.60055 1.52807 0.531553 2.54571 1.91948 6.26529C4.38162 12.8584 9.50584 15.5128 12.625 16.7143C14.7998 16.8744 16.7206 14.1287 16.5477 13.5006Z"
                                        fill="white" />
                                </svg>
                            </div>
                            <p>888-288-8595</p>
                        </div>
                        <div class="dt">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
                                    fill="none">
                                    <path
                                        d="M14.8574 2.00003H4.14254C3.30953 2.00085 2.51087 2.32125 1.92174 2.89096C1.33261 3.46066 1.00113 4.23315 1 5.03898V12.9621C1.00141 13.7677 1.33302 14.54 1.92211 15.1094C2.51121 15.6789 3.30971 15.9992 4.14254 16H14.8574C15.6906 15.9992 16.4895 15.6786 17.0786 15.1087C17.6678 14.5388 17.9991 13.766 18 12.96V5.03898C18.0017 4.63935 17.9215 4.24336 17.7642 3.87385C17.6068 3.50434 17.3754 3.16863 17.0833 2.8861C16.7911 2.60357 16.444 2.37981 16.062 2.22772C15.6799 2.07564 15.2705 1.99826 14.8574 2.00003ZM4.14254 3.19478H14.8574C15.1821 3.19435 15.5013 3.27555 15.7838 3.43042C16.0663 3.5853 16.3023 3.80853 16.4687 4.07822L10.288 8.93662C10.0642 9.11302 9.7844 9.20935 9.49572 9.20935C9.20705 9.20935 8.92721 9.11302 8.70343 8.93662L2.52278 4.07822C2.69423 3.81112 2.93252 3.59014 3.21564 3.43572C3.49875 3.28131 3.81755 3.19844 4.14254 3.19478ZM14.8574 14.8073H4.14254C3.64443 14.8059 3.16712 14.6139 2.81489 14.2732C2.46267 13.9325 2.26418 13.4707 2.26277 12.9889V5.48533L7.92872 9.92726C8.37772 10.2776 8.93647 10.4699 9.51331 10.4726C10.0909 10.4742 10.6511 10.2814 11.0979 9.92726L16.7638 5.48533V12.993C16.7506 13.4753 16.5446 13.9339 16.189 14.2722C15.8335 14.6106 15.3562 14.8024 14.8574 14.8073Z"
                                        fill="white" />
                                </svg>
                            </div>
                            <p>Example@mail.com</p>
                        </div>
                        <div class="dt">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
                                    fill="none">
                                    <path
                                        d="M8.50582 0C5.47081 0 3.01313 2.55612 3 5.73695C3 6.87915 3.31702 7.96663 3.9054 8.89601L3.96301 8.98402L3.99644 9.04355L4.02391 9.08835C4.04242 9.11747 4.06212 9.14532 4.08421 9.17284L4.09794 9.18884L7.59923 13.5548C7.71154 13.6947 7.85076 13.807 8.00734 13.8838C8.16392 13.9607 8.33415 14.0003 8.50636 14C8.67857 13.9997 8.84867 13.9595 9.00502 13.8821C9.16136 13.8047 9.30023 13.6919 9.41211 13.5516L12.8943 9.185L12.8713 9.2122C12.9057 9.17371 12.9369 9.13218 12.9647 9.08803L12.9916 9.04387C13.0027 9.0253 13.0242 8.98626 13.0236 8.98754C13.6409 8.06264 13.9872 6.93548 14 5.74751C14 2.56316 11.5358 0 8.50582 0ZM8.50582 1.28014C10.8841 1.28014 12.8059 3.27908 12.8059 5.73983C12.7978 6.647 12.5292 7.52947 12.0367 8.26714L11.985 8.35483L8.50433 12.7201L5.00274 8.35419L4.96901 8.29434L4.95169 8.26714C4.45784 7.53092 4.19276 6.64666 4.19406 5.73983C4.20451 3.27396 6.12128 1.28014 8.50582 1.28014Z"
                                        fill="white" />
                                    <path
                                        d="M13.5821 12.0948C13.7207 12.0066 13.8848 11.9786 14.0415 12.0165C14.1982 12.0543 14.3361 12.1552 14.4276 12.299L14.4544 12.3449L15.826 14.9074C15.9358 15.1126 15.9957 15.345 15.9998 15.5826C16.0039 15.8201 15.9521 16.0548 15.8495 16.2644C15.7468 16.474 15.5967 16.6514 15.4133 16.7797C15.23 16.908 15.0196 16.983 14.8021 16.9976L14.717 17L2.26883 16.9259C2.05185 16.9246 1.83876 16.863 1.64971 16.7468C1.46066 16.6307 1.30188 16.4639 1.1884 16.2623C1.07492 16.0606 1.01048 15.8307 1.00117 15.5943C0.991867 15.3579 1.038 15.1228 1.13521 14.9112L1.17508 14.8309L2.48222 12.4002C2.56536 12.2446 2.70061 12.1302 2.85953 12.081C3.01845 12.0319 3.18864 12.052 3.3343 12.1369C3.47995 12.2218 3.58972 12.3651 3.64051 12.5365C3.69129 12.7079 3.67913 12.8941 3.60659 13.0559L3.58299 13.1039L2.27585 15.5346L14.724 15.6087L13.3524 13.0461C13.2672 12.8868 13.2435 12.697 13.2866 12.5186C13.3296 12.3402 13.4359 12.1878 13.5821 12.0948Z"
                                        fill="white" />
                                    <path
                                        d="M8.49969 4C8.17138 4.00004 7.8463 4.06475 7.543 4.19042C7.2397 4.3161 6.96413 4.50028 6.73201 4.73245C6.49989 4.96463 6.31578 5.24025 6.19018 5.54358C6.06458 5.84691 5.99996 6.17201 6 6.50031C6.00004 6.82862 6.06475 7.1537 6.19042 7.457C6.3161 7.7603 6.50028 8.03587 6.73245 8.26799C6.96463 8.5001 7.24025 8.68422 7.54358 8.80982C7.84691 8.93542 8.17201 9.00004 8.50031 9C9.16335 8.99992 9.79921 8.73644 10.268 8.26755C10.7368 7.79865 11.0001 7.16273 11 6.49969C10.9999 5.83665 10.7364 5.20079 10.2675 4.73201C9.79865 4.26323 9.16273 3.99992 8.49969 4ZM8.49969 5.24984C8.83125 5.24993 9.1492 5.38172 9.38359 5.61623C9.61798 5.85074 9.74961 6.16875 9.74953 6.50031C9.74945 6.83187 9.61766 7.14982 9.38315 7.38421C9.14864 7.61861 8.83063 7.75024 8.49906 7.75016C8.1675 7.75007 7.84955 7.61828 7.61516 7.38377C7.38077 7.14926 7.24914 6.83125 7.24922 6.49969C7.2493 6.16813 7.38109 5.85018 7.6156 5.61579C7.85011 5.38139 8.16813 5.24976 8.49969 5.24984Z"
                                        fill="white" />
                                </svg>
                            </div>
                            <p>北京市海淀区永泰庄北路1号东升国际科学园3号楼</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="icons">
                    <a href="">
                        <img src="./images/wx.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/wb.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/tw.svg" alt="">
                    </a>
                </div>
                <div class="r">
                    <a href="">Privacy Policy</a>
                    <a href="">Terms & Policy</a>
                    <p>Copyright © 2024 Overhaul design by PithyMf</p>
                </div>
            </div>
            <div class="top" id="goTop">
                TOP
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="./js/swiper.js"></script>
</body>
<script>
new Swiper('.banner .swiper', {
    speed: 1000,
    loop: true,
    navigation: {
        nextEl: '.home .banner .button .circle:last-child',
        prevEl: '.home .banner .button .circle:first-child',
    },
})
var w = document.documentElement.clientWidth
if(w>1024){
    var index2Swiper = new Swiper('.index2Swiper', {
        speed: 1000,
        slidesPerView: 4,
        parallax : true,
        loop: true,
        initialSlide: 2,
        centeredSlides: true,
        spaceBetween: -50,
        slideToClickedSlide: true,
        on: {
            slideChange() {
                var index = this.realIndex
                console.log(index)
                setTimeout(function () {
                    $('.index2Swiper .swiper-slide').removeClass('on')
                    $('.index2Swiper .swiper-slide-active').addClass('on')
                },800)
            }
        }
    })
}else {
    var index2Swiper = new Swiper('.index2Swiper', {
        speed: 1000,
        slidesPerView: 2,
        loop: true,
        initialSlide: 2,
        centeredSlides: true,
        slideToClickedSlide: true,
        spaceBetween: 20,
        on: {
            slideChange() {
                var index = this.realIndex
                setTimeout(function () {
                    $('.index2Swiper .swiper-slide').removeClass('on')
                    $('.index2Swiper .swiper-slide-active').addClass('on')
                },800)
            }
        }
    })
}




!function () {
    let d = document.querySelector(".cursor"),
        speed = document.querySelector('.cursor').getAttribute('data-speed')
    if (speed === null) {
        speed = 0.8
    }else {
        speed = speed / 10
    }
    function S() {
        d && function (e) {
            gsap.set(e, {
                xPercent: -50,
                yPercent: -50
            });
            let t = e,
                r = {
                    x: window.innerWidth / 2,
                    y: window.innerHeight / 2
                },
                o = {
                    x: r.x,
                    y: r.y
                },
                a = gsap.quickSetter(t, "x", "px"),
                n = gsap.quickSetter(t, "y", "px");
            document.body.addEventListener("mousemove", e => {
                o.x = e.x, o.y = e.y
            }), gsap.ticker.add(() => {
                const e = 1 - Math.pow(speed, gsap.ticker.deltaRatio());
                r.x += (o.x - r.x) * e, r.y += (o.y - r.y) * e, a(r.x), n(r.y)
            })
        }(d)
    }
    window.addEventListener("DOMContentLoaded", () => {
        S();
    })
}();
$(document).on('mouseover','.index2Swiper',function () {
    $('.cursor').addClass('on')
})

$(document).on('mouseleave','.index2Swiper',function () {
    $('.cursor').removeClass('on')
})

$(document).on('mouseover','.index2Swiper .swiper-slide-active',function (e) {
    // 阻止冒泡
    e.stopPropagation()
    $('.cursor').removeClass('on')
})


$(document).on('mouseover','.index2Swiper .swiper-slide-next',function () {
    $('.cursor').removeClass('l')
})

$(document).on('mouseover','.index2Swiper .swiper-slide-prev',function () {
    $('.cursor').addClass('l')
})



$('.index2Swiper .swiper-slide .item .r').click(function () {
    index2Swiper.slideNext()
})
$('.index2Swiper .swiper-slide .item .l').click(function () {
    index2Swiper.slidePrev()
})

new Swiper('.imgSwiper', {
    speed: 1000,
    spaceBetween: 10,
    loop: true,
    pagination: {
        el: '.section3 .swiper-pagination',
        clickable: true,
    },
    navigation: {
        nextEl: '.home .section3 .content .button img:last-child',
        prevEl: '.home .section3 .content .button img:first-child',
    },
    on: {
        slideChange() {
            $('.home .section3 .content .r .r_list').removeClass('on').eq(this.realIndex).addClass('on')
        }
    }
})

var newsSwiper = new Swiper('.newsSwiper', {
    speed: 1000,
    spaceBetween: 40,
    slidesPerView: 3,
    loop: true,
    pagination: {
        el: '.section6 .swiper-pagination',
        clickable: true,
    },
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
    breakpoints: {
        100: {
            spaceBetween: 20,
            slidesPerView: 1,
        },
        1024: {
            spaceBetween: 40,
            slidesPerView: 3,
        },
    }
})

$('.newsSwiper').hover(function () {
    newsSwiper.autoplay.stop()
},function () {
    newsSwiper.autoplay.start()
})


</script>

</html>